.mine-order-evaluate{
  padding-bottom: 150rpx;
  .loadmore-content{
    margin-top: 45px;
    padding: 0;
  }
  .header-left{
    width: 78rpx;
    image {
      width: 44rpx;
      height: 44rpx;
      padding-left: 10rpx;
      vertical-align: middle;
    }
  }
  .mask-video-box{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    background-color: #000;
    width: 100%;
    height: 100%;
    .mask-video{
      width: 100%;
      height: 100%;
    }
    .close{
      position: absolute;
      top: 50rpx;
      // #ifdef MP-WEIXIN
      top: 100rpx;
      // #endif
      left: 50rpx;
      width: 50rpx;
      height: 50rpx;
    }
  }
  .upload-popup{
    background-color: #00000000;
    .select-box{
      background-color: #fff;
      border-radius: 20rpx;
      margin: 0 30rpx 30rpx 30rpx;
    }
    .select-item{
      width: 690rpx;
      height: 100rpx;
      line-height: 100rpx;
      color: #007AFF;
      font-size: 30rpx;
      text-align: center;

      border-bottom: 2rpx solid $color-border;
      &:nth-last-child(1) {
        border: none;
      }
    }
  }
  .bottomSubmit{
    position: fixed;
    width: 710rpx;
    bottom: 0;
    font-size: 28rpx;
    background-color: #000;
    color: white;
    // border-radius: 36rpx;
    text-align: center;
    margin: 20rpx;
    height: 80rpx;
    line-height: 80rpx;
  }

  .orderList{
    overflow: hidden;
    .listItem{
      margin: 20rpx 0 ;
      padding: 20rpx 20rpx 20rpx 20rpx;
      background-color: #fff;
      .startColumn{
        display: flex;
        align-items: center;
        height: 60rpx;
        overflow: hidden;
        .rowText{
          font-size: 28rpx;
          margin-right: 30rpx;
        }
      }
      .item-content{
        .commodity-box{
          .commodity-item{
            margin-bottom: 20rpx;
            display: flex;
            align-items: center;
            // justify-content: space-between;
            .commodity-image{
              image{
                width: 82rpx;
                height: 82rpx;
                margin-right: 20rpx;
              }
            }
            .commodity-title{
              flex: 1;
              .title{
                font-size: 26rpx;
                line-height: 26rpx;
              }
              .sku{
                font-size: 24rpx;
                color: #999;
                margin-top: 10rpx;
              }
            }
            .commodity-num{
              font-size: 20rpx;
            }
          }
        }
        
        .comment-box{
          min-height: 388rpx;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          background-color: #f5f5f5;
          margin: 32rpx 0;
          .comment-content{
            padding: 20rpx;
            textarea{
              font-size: 26rpx;
              width: 100%;
              height: 150rpx;
            }
          }
          .comment-pic-list{
            padding: 20rpx;
            display: flex;
            flex-wrap: wrap;
            .pic-item{
              position: relative;
              width: 140rpx;
              height: 140rpx;
              margin-right: 20rpx;
              margin-bottom: 20rpx;
              image{
                width: 100%;
                height: 100%;
              }
              .limit{
                position: absolute;
                top: -60rpx;
                left: 84rpx;
                width: 380rpx;
                height: 97rpx;
              }
              .play-button{
                position: absolute;
                left: 0;
                top: 0;
                bottom: 0;
                right: 0;
                display: flex;
                align-items: center;
                justify-content: center;
                .icon-play{
                  width: 60rpx;
                  height: 60rpx;
                }
              }
              .icon-del{
                width: 26rpx;
                height: 26rpx;
                position: absolute;
                right: -8rpx;
                top: -15rpx;
              }
            }
          }
          
        }
      }
    }
  }
}